<!DOCTYPE html>
<html lang="zh-cmn-Hans"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<title>蓝色昵称生成</title>
	<meta name="description" content=" ">
	<link rel="stylesheet" href="/static/blue/weui.css">
	<style type="text/css">
	body,html {height: 100%; -webkit-tap-highlight-color: transparent;}
	body {overflow-x: hidden; background: #f8f8f8;}
	.page__bd { height: 100%;}

	a{color: #22ac38;}

	.logo{background: #4dc029; padding: 15px 15px 10px 15px;}

	.page__hd { padding: 15px; }
	.page__title { text-align: center; color:#22ac38; font-size: 24px; font-weight: 400; }
	.page__desc { margin-top: 5px; color: #888; text-align: center; font-size: 14px;}

	.weui-article{ background: #fff;}
	.weui-article h1{color: #22ac38; font-weight: 600; font-size: 20px;}
	.weui-article h2{color: #22ac38; font-weight: 600; font-size: 18px;}
	.weui-article h3{color: #22ac38; font-weight: 600; font-size: 16px;}

	.qrcode{padding:15px; text-align: center; background: #fff;}

	</style>
		<!-- Baidu Tongji Start -->
	<script src="/static/blue/hm.js"></script><script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
	<!-- Baidu Tongji  End -->
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async="" src="/static/blue/js"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-MDVWJZN92X');
  </script>
  <!-- Google Analytics End -->
	<script src="/static/blue/jweixin-1.js"></script>
	<script src="/static/blue/weixin-share.js"></script>
	    </head>
<body ontouchstart="">

<div class="page__bd">
	<div class="weui-tab">
				<div class="weui-tab__panel">
						<div class="page__hd">
				<h1 class="page__title">彩色昵称生成工具</h1>
				<p class="page__desc"></p>
			</div>
						<div class="weui-cells__title">点击下面文字直接复制</div>
			<div class="weui-cells weui-cells_form">
				<div class="weui-cell" style="background: #e9faf9;">
					<div class="weui-cell__bd">
                	    <textarea rows="2" class="weui-textarea" id="result" name="word" style="background: #e9faf9;">{$result}</textarea>

					</div>
				</div>
			</div>
			<form action="" method="post" style="margin-bottom: 15px;">
				<div class="weui-cells__title">请输入要转换的英文字母</div>
				<div class="weui-cells weui-cells_form">
					<div class="weui-cell">
						<div class="weui-cell__bd">
							<textarea class="weui-textarea" name="word" placeholder="请输入您的英文名称" rows="3"></textarea>
							<!-- <div class="weui-textarea-counter"><span>0</span>/200</div> -->
						</div>
					</div>
				</div>
				<div class="weui-btn-area">
					<input type="submit" id="go" class="weui-btn weui-btn_mini weui-btn_primary" value="一键转换">
				</div>
			</form>

			    			</div>

							</div>
</div>
<script type="text/javascript">
							(function () {
							var el = document.querySelector('#result');
								var autoSelect = function (ev) {
									var t = ev.currentTarget;
									function select() { t.setSelectionRange(0, 9999); }
									select();
									setTimeout(select, 100);
								};
								el.addEventListener('focus', autoSelect, true);
								el.addEventListener('input', function (ev) {
									ev.currentTarget.value = ev.srcElement.defaultValue;
									autoSelect(ev);
								}, true);
							}());
							</script>
</body></html>